<template>
  <view>
    <view class="body">
      <view class="checkbox mr-13px checked"></view> 支付成功
    </view>

    <view class="btn">
      <button style="margin-right: 20px" @click.stop="backHome">
        返回首页
      </button>
      <button style="margin-left: 20px" @click.stop="backOrder">
        查看订单
      </button>
    </view>
    <view class="w-100px mx-auto my-24px">
      <jump-redirect-url>
        <image
          class="w-100px h-32px block"
          :src="ossImg('others/OreoSnacksXEggyParty/jump_back.png')"
        />
      </jump-redirect-url>
    </view>
  </view>


</template>

<script setup>
import { onShow } from "@dcloudio/uni-app";
import { ossImg } from "@/utils/utils";
import JumpRedirectUrl from "@/components/jump-redirect-url.vue";
// import privacyPopup from "@/components/privacy-popup";

onShow(() => {
  getApp().accessLogAdd();
});
const backHome = () => {
  uni.switchTab({
    url: "/pages/home/home",
  });
};

const backOrder = () => {
  uni.navigateTo({
    url: "/personalPages/order/index?type=0",
  });
};
</script>

<style lang="less" scoped>
@import "@/static/css/theme.less";
.body {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-top: 50px;

  .checkbox {
    width: 20px;
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: sub;

    &.checked {
      border: none;
      background: url("@{ossPath}others/component/checkbox.png") no-repeat
        center / 100% 100%;
    }
  }
}

.btn {
  text-align: center;
  margin-top: 50px;

  button {
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, .1);
    &::after {
      border: none;
    }
  }
}
</style>
